<template>
  <div class="blog-container">
    <Layout>
    <template #main>
      <BlogContent/>
    </template>
    <template #right>
      <BlogList/>
    </template>
  </Layout>
  </div>
</template>

<script>
import Layout from '@/components/Layout'
import BlogContent from './BlogContent'
import BlogList from './BlogList'
export default {
  components:{
    Layout ,
    BlogContent,
    BlogList,
  }

}
</script>

<style lang="less" scoped>
.blog-container{
  width: 100%;
  height: 100%;
}
</style>